﻿.dataTable {
width: 100%;
clear: both;
table-layout: fixed;
font-size:12px;
}
.dataTable th {
color:#FFFFFF;
font-weight: bold;
padding: 10px 5px;
background-color: #0084C1;
}
.dataTable thead tr th:first-child {
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-o-border-radius-topleft: 10px;
-o-border-top-left-radius: 10px;
-ms-border-radius-topleft: 10px;
-ms-border-top-left-radius: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-top-left-radius: 10px;
border-top-left-radius: 10px;
}
.dataTable thead tr th:last-child { /* last-child supported in IE9, FF>3, Saf>4, Ch>4, Op>10.10 */
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-o-border-radius-topright: 10px;
-o-border-top-right-radius: 10px;
-ms-border-radius-topright: 10px;
-ms-border-top-right-radius: 10px;
-khtml-border-radius-topright: 10px;
-khtml-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}
.dataTable td { padding: 10px 5px; }
.dataTable td.right { text-align: right; }
.dataTable tbody tr { height: 35px; }
/* Alternate row colouring */
.dataTable tr.odd { background-color: #EEE; }
.dataTable tr.even { background-color: #F7F7F7; }
/* Hover highlight should be defined on the page if desired: */
/* .dataTable > tbody > tr:hover { background-color: #79BDE7; } */
/* Datatables generated blocks */
.dataTables_wrapper input, select {
padding: 4px;
border: 1px solid #AAA;
vertical-align: middle;
background-color: #DDD;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
}
.dataTables_wrapper input:hover { background-color: #CCC; }
.dataTables_wrapper {
position: relative;
overflow: hidden; /* Clip overflowing processing box */
}
.dataTables_wrapper:after {
/* Clears the floating infobox and pagination boxes */
display: block;
content: "";
clear: both;
}
.dataTables_length {
margin-bottom: 5px;
float: left;
}
.dataTables_length select { width: 60px; }
.dataTables_filter {
margin-bottom: 5px;
float: right;
text-align: right;
}
.dataTables_filter input { width: 210px; }
.dataTables_processing {
display: block;
position: absolute;
left: 0px; /* IE7 */
width: 100%;
height: 100%;
color: white; /* Hides the text in background colour */
background: white url("/img/loading_white_matte.gif") no-repeat center 80px;
/* Background transparency */
filter: alpha(opacity=70); /* IE7, IE8 */
opacity: 0.7;
}
.dataTables_info {
margin-top: 10px;
padding-left: 10px;
height: 22px;
float: left;
}
.dataTables_paginate {
margin-top: 10px;
height: 25px;
line-height: 25px; /* for IE7 */
float: right;
text-align: right;
}
.dataTables_paginate div {
display: inline-block;
width: 26px;
height: 25px;
}
.dataTables_paginate div.paginate_disabled_next, .dataTables_paginate div.paginate_enabled_next {
width: 27px;
}
.datatable_tab.active {
background-color: #0084C1;
}
.datatable_tab {
width: 110px;
height: 25px;
text-align: center;
float: left;
cursor: pointer;
font-weight: bold;
z-index: 2;
position: relative;
background-color: #7FC2E7;
color: white;
padding: 13px 10px 0px 10px;
font-size: 12px;
margin-right: 5px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-o-border-radius-topleft: 10px;
-o-border-top-left-radius: 10px;
-ms-border-radius-topleft: 10px;
-ms-border-top-left-radius: 10px;
-khtml-border-radius-topleft: 10px;
-khtml-border-top-left-radius: 10px;
border-top-left-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-o-border-radius-topright: 10px;
-o-border-top-right-radius: 10px;
-ms-border-radius-topright: 10px;
-ms-border-top-right-radius: 10px;
-khtml-border-radius-topright: 10px;
-khtml-border-top-right-radius: 10px;
border-top-right-radius: 10px;
}
/* Simple paging */
.paginate_enabled_previous { background: url("/img/back.gif") no-repeat; }
.paginate_disabled_previous { background: url("/img/back_dis.gif") no-repeat; }
.paginate_enabled_next { background: url("/img/go.gif") no-repeat; }
.paginate_disabled_next { background: url("/img/go_dis.gif") no-repeat; }
/* Numbered paging */
.paging_full_numbers span.paginate_button, span.paginate_active {
border: 1px solid #AAA;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
-khtml-border-radius: 5px;
border-radius: 5px;
padding: 2px 5px;
margin: 0 3px;
cursor: pointer;
}
.paging_full_numbers span.paginate_button { background-color: #DDD; }
.paging_full_numbers span.paginate_button:hover { background-color: #CCC; }
.paging_full_numbers span.paginate_active { background-color: #99B3FF; }
/* DataTables Sorting */
.sorting { cursor: pointer; }
.sorting_asc {
cursor: pointer;
background: url("/img/arr_asc.png") no-repeat;
background-position: 90% 50%;
background-color: #009BD7; /* IE7 */
}
.sorting_desc {
cursor: pointer;
background: url("/img/arr_desc.png") no-repeat;
background-position: 90% 50%;
background-color: #009BD7; /* IE7 */
}
.sorting:hover { text-decoration: underline; }
.sorting_asc:hover { text-decoration: underline; }
.sorting_desc:hover { text-decoration: underline; }
/* Misc */
.dataTables_empty { text-align: center; }
.dataTables_wrapper .clear { clear: both; }
/* Contest Table */
#contest_table td.price, #contest_table_static td.price {color:#00a600; font-weight:bold}
#contest_table .price .ns_contest-guaranteed, #contest_table_static .price .ns_contest-guaranteed {margin:3px 0 0 8px; }
#contest_table .ns_thumb, #contest_table_static .ns_thumb {
background: #fff;
border: 1px solid #CCCCCC;
float: left;
height: 53px;
margin-right: 20px;
overflow: hidden;
padding: 0;
width: 80px;
}
#contest_table tr.highlight, #contest_table_static tr.highlight { background: #ABDCF6; }
.ns_thumb img { margin-right:15px; }
.project_title {position:relative; }
.featured-icon {position:absolute; left: -5px; position: absolute; top: -10px; }
.dataTables_wrapper .project_tab {margin-left:15px}
.dataTables_wrapper .job-list_length {margin-left:15px}
/* Hovers */
.dataTable tbody tr:hover { background-color: #CAE8F8!important }
.dataTable tbody tr.hover { background-color: #CAE8F8!important }
.dataTable tbody tr div.hover { font-weight: bold }
.dataTable a.hiddenlink, .dataTables_paginate a.hiddenlink {color: black!important}
.dataTable a.hiddenlink:hover {text-decoration: underline} 